<html>
    <head>
        <title>产值能耗汇总表</title>
        <link rel="stylesheet" href="../../../assets/bundle.element.css">
        <link rel="stylesheet" href="../../../style.css">

        <style>
            body{
                background: #F0F2F6;
            }


            .main-head{
                background: #fff;
                padding-left: 10px;
                padding-top: 10px;
                margin-bottom: 0px;
                border: solid 1px #fff;
            }

            .chart-outer{
                height: 200px;
            }




        </style>
    </head>
    <body>
        <div class="page" id="page-monitor">
        
            <div class="page-title">企业申报 › 产值能耗汇总表</div>
            <div class="page-main">
                <el-row>
                    <el-col :span="24">
                        <div class="main-head">
                            <el-form :inline="true" size="small">
                                <el-form-item label="选择日期">
                                    <el-date-picker type="date" v-model="day" placeholder="日期" style="width: 150px;" value-format="yyyy-MM-dd"></el-date-picker>
                                </el-form-item>

                                <el-form-item label="选择区域">
                                    <el-cascader>

                                    </el-cascader>
                                </el-form-item>


                                <el-form-item label="行业类型" >
                                        <el-select style="width: 150px;">
                                            <el-option>1</el-option>
                                            <el-option>2</el-option>
                                        </el-select>
                                    </el-form-item>
                            
                                    <el-form-item label="指标项">
                                            <el-select style="width: 150px;">
                                                    <el-option>1</el-option>
                                                    <el-option>2</el-option>
                                                </el-select>
                                        </el-form-item>

                                        <el-form-item label="类型">
                                                <el-radio>企业</el-radio>
                                                <el-radio>行业</el-radio>
                                            </el-form-item>
    


        
                                <el-form-item style="margin-left:20px;">
                                    <el-button type="primary" @click="search">查询</el-button>
                                </el-form-item>
                            </el-form>
                        </div>
        
                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-table :data="tableData" height="250" :stripe="true" :border="true" size="mini" style="width: 100%">
                            <el-table-column prop="stationName" label="企业名称" fixed></el-table-column>
                            <el-table-column prop="stationName" label="所属地区" fixed></el-table-column>
                            <el-table-column prop="roadName" label="工业总产值(万元)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="总综合能耗(吨标准煤)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="等价值综合能耗(吨标准煤)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="发电量(含自备发电机组)(万千瓦时)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="表三总用电量(万千瓦时)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="万元产值能耗(千克标准煤/万元)" align="center">
                                    <el-table-column prop="describe" label="本月累计"></el-table-column>
                                    <el-table-column prop="describe" label="上年同期"></el-table-column>
                                    <el-table-column prop="describe" label="变化率"></el-table-column>
                            </el-table-column>
                            <el-table-column prop="roadName" label="生成总成本(万元)" align="center">
                                <el-table-column prop="describe" label="本月累计"></el-table-column>
                                <el-table-column prop="describe" label="上年同期"></el-table-column>
                                <el-table-column prop="describe" label="变化率"></el-table-column>
                        </el-table-column>
                        <el-table-column prop="roadName" label="能源总费用(万元)" align="center">
                                <el-table-column prop="describe" label="本月累计"></el-table-column>
                                <el-table-column prop="describe" label="上年同期"></el-table-column>
                                <el-table-column prop="describe" label="变化率"></el-table-column>
                        </el-table-column>
                        <el-table-column prop="roadName" label="工业增加值率(%)" align="center">
                                <el-table-column prop="describe" label="本月累计"></el-table-column>
                                <el-table-column prop="describe" label="上年同期"></el-table-column>
                                <el-table-column prop="describe" label="变化率"></el-table-column>
                        </el-table-column>
                            
                        </el-table>
                    </el-col>
                </el-row>



            </div>
        
        
        </div>
 


        <script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>

        <script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>

        <script>

            var vuePage=new Vue({
                el:'#page-monitor',
                data:{
                    day:'',
                    tableData:[]
                },
                methods:{
                    search:function(){
                        
                    },

                    onCheckbox:function(row){

                    }



                },
                created:function(){

                    this.day = TimeUtil.convertToString(new Date()).substr(0,10);
                    

                },
                mounted:function(){
                   

                    /* 表格值
                    this.eleITableData=[{
                        name:'A相电流',
                        max:566,
                        maxTime:'2018-3-5 11:11:45',
                        min:34,
                        minTime:'2018-11-12 15:33:33',
                        avg:456
                    },{
                        name:'B相电流',
                        max:566,
                        maxTime:'2018-3-5 11:11:45',
                        min:34,
                        minTime:'2018-11-12 15:33:33',
                        avg:456
                    },{
                        name:'C相电流',
                        max:566,
                        maxTime:'2018-3-5 11:11:45',
                        min:34,
                        minTime:'2018-11-12 15:33:33',
                        avg:456
                    }];*/


                }
            });


        </script>

    </body>
</html>